<template>
    <div class="line">
        <div><div class="img1"></div><span>100%航协认证</span></div>
        <div><div class="img2"></div><span>出行保证</span></div>
        <div><div class="img3"></div><div>7x24小时服务</div><div>10086转0</div></div>
    </div>
</template>

<script>
export default{
    name:"bottom"
}
</script>

<style scoped lang="scss">
.line{
    width: 100%;
    height: 70px;
    background-color: #eeeeee;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    div:first-child{
        line-height: 70px;
        float: left;
        font-size: 18px;
        .img1{
            margin-left: 50px;
            margin-top: 17px;
            display: inline-block;
            background: url("../../assets/five/2.png") 0 -90px no-repeat;
            background-size: auto;
            width: 40px;
            height: 34px;
            margin-right: 5px;
        }
    }
    div:nth-child(2){
        line-height: 70px;
        margin-left: 500px;
        font-size: 18px;
        .img2{
            margin-left: 50px;
            margin-top: 17px;
            display: inline-block;
            background: url("../../assets/five/2.png") 0 -90px no-repeat;
            background-size: auto;
            width: 40px;
            height: 34px;
            margin-right: 5px;
            background-position: -60px -90px;
        }
    }
    div:last-child{
        float: right;
        margin-top: -80px;
        margin-right: 50px;
        .img3{
            margin-left: 450px;
            margin-top: 27px;
            display: inline-block;
            background: url("../../assets/five/2.png") 0 -90px no-repeat;
            background-size: auto;
            width: 40px;
            height: 34px;
            margin-right: 5px;
            background-position: -120px -90px;
        }
        div:nth-child(2){
            font-size: 18px;
        }
        div:last-child{
            font-size: 15px;
            margin-top: -20px;
            margin-right: 20px;
            color: #41c1ec;
        }
    }
}

</style>
